简介
MPAndroidChart是PhilJay大神给Android开发者带来的福利。MPAndroidChart是一个功能强大并且使用灵活的图表开源库，支持Android和IOS两种，这里我们暂时只关注Android版本。
Wiki
https://github.com/PhilJay/MPAndroidChart/wiki
Javadoc
https://jitpack.io/com/github/PhilJay/MPAndroidChart/v3.0.0-beta1/javadoc/
今日之图~ScatterChart
布局文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="mapdemo.example.com.mpandroidchartdemo.MainActivity">
<com.github.mikephil.charting.charts.ScatterChart
android:id="@+id/scatterchart"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="Hello World!" />
</RelativeLayout>
|
代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
| public class MainActivity extends AppCompatActivity {
@Bind(R.id.scatterchart)
ScatterChart scatterChart;
private Random random;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ButterKnife.bind(this);
random = new Random();
initScatterChart();
}
private void initScatterChart() {
ArrayList<Entry> yVals = new ArrayList<>();
ArrayList<String> xVals = new ArrayList<>();
for (int i = 0; i < 5; i++) {
xVals.add((i + 1) + "月");
yVals.add(new Entry(random.nextInt(1000), i));
}
ScatterDataSet scatterDataSet = new ScatterDataSet(yVals, "小明每月支出");
scatterDataSet.setColors(ColorTemplate.COLORFUL_COLORS);
ScatterData scatterData = new ScatterData(xVals, scatterDataSet);
scatterChart.setData(scatterData);
scatterChart.getLegend().setPosition(Legend.LegendPosition.ABOVE_CHART_LEFT);
scatterChart.getLegend().setForm(Legend.LegendForm.CIRCLE);
scatterChart.setOnChartValueSelectedListener(new OnChartValueSelectedListener() {
@Override
public void onValueSelected(Entry entry, int i, Highlight highlight) {
Toast.makeText(MainActivity.this, "Something selected value = " + entry.getVal(), Toast.LENGTH_SHORT).show();
}
@Override
public void onNothingSelected() {
}
});
scatterChart.getXAxis().setPosition(XAxis.XAxisPosition.BOTTOM);
scatterChart.getAxisRight().setEnabled(false);
scatterChart.getAxisLeft().setAxisMinValue(0.0f);
scatterChart.getXAxis().setGridColor(Color.RED);
scatterChart.getAxisLeft().setGridColor(Color.GREEN);
scatterChart.setDescription("No Deal");
scatterChart.setDescriptionTextSize(20.f);
scatterChart.animateXY(1000, 1000);
}
}
|
备注
ScatterChart和LineChart，BarChart很相似，使用方式也基本相同，基本用法就是这样，后面遇到问题在解决对应的问题，碰到新的需求再解决新的需求。任何问题肯定会有解决办法。
